<%--
  Created by IntelliJ IDEA.
  User: bestick
  Date: 2015/12/15
  Time: 14:38
  天地有万古，此身不再得；人生只百年，此日最易过。幸生其间者，不可不知有生之乐；亦不可不怀虚生之忧。
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <%-- IF IE --%>
    <jsp:include page="${pageContext.request.contextPath}/jsp/home/common/if_ie.jsp"></jsp:include>

    <!-- charset -->
    <meta charset="utf-8">

    <!-- title -->
    <title>产品地图</title>

    <!-- Mobile Meta -->
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1,minimum-scale=1, user-scalable=no">

    <!-- Favicon -->
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/resources/app/images/img/logo/favicon.ico">

    <!-- Bootstrap core CSS -->
    <link href="${pageContext.request.contextPath}/resources/libs/css/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- JuCaiBang core CSS file -->
    <link href="${pageContext.request.contextPath}/resources/app/css/home/jcb.css" rel="stylesheet">
</head>
<body>
<%-- navbar --%>
<jsp:include page="${pageContext.request.contextPath}/jsp/home/common/nav_nonsearch.jsp"></jsp:include>

<!-- 产品地图iframe -->
<div class="iframe-pMap">
    <iframe src="${pageContext.request.contextPath}/common/product_map/page?state=2&w=60&h=25" width="100%" height="75%" scrolling="no"></iframe>
    <div class="pMap-search-control-center">
        <div class="dropdown inline-block">
            <button class="btn btn-default dropdown-toggle search-control-btn" type="button" id="pMap-benefit-rate" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                收益率
                <span class="glyphicon glyphicon-chevron-down pull-right"></span>
            </button>
            <ul class="dropdown-menu" aria-labelledby="pMap-benefit-rate">
                <li><a href="#">5%-8%</a></li>
                <li><a href="#">8%-9%</a></li>
                <li><a href="#">9%-12%</a></li>
            </ul>
        </div>
        <div class="dropdown inline-block">
            <button class="btn btn-default dropdown-toggle search-control-btn" type="button" id="pMap-rate-date" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                期限
                <span class="glyphicon glyphicon-chevron-down pull-right"></span>
            </button>
            <ul class="dropdown-menu" aria-labelledby="pMap-rate-date">
                <li><a href="#">一季</a></li>
                <li><a href="#">半年</a></li>
                <li><a href="#">一年以上</a></li>
            </ul>
        </div>
        <div class="dropdown inline-block">
            <button class="btn btn-default dropdown-toggle search-control-btn" type="button" id="pMap-start-amount" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                起购金额
                <span class="glyphicon glyphicon-chevron-down pull-right"></span>
            </button>
            <ul class="dropdown-menu" aria-labelledby="pMap-start-amount">
                <li><a href="#">50万</a></li>
                <li><a href="#">100万</a></li>
                <li><a href="#">150万</a></li>
            </ul>
        </div>
        <div class="dropdown inline-block">
            <button class="btn btn-default dropdown-toggle search-control-btn" type="button" id="pMap-risk" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                风险
                <span class="glyphicon glyphicon-chevron-down pull-right"></span>
            </button>
            <ul class="dropdown-menu" aria-labelledby="pMap-risk">
                <li><a href="#">低</a></li>
                <li><a href="#">较低</a></li>
                <li><a href="#">中</a></li>
                <li><a href="#">较高</a></li>
                <li><a href="#">高</a></li>
            </ul>
        </div>
        <input type="button" class="btn btn-invest-risk-submit pMap-search-btn" value="搜索">
    </div>
</div>

<!-- 客服 -->
<jsp:include page="${pageContext.request.contextPath}/jsp/home/common/customerSupport.jsp"></jsp:include>

<!-- JavaScript files placed at the end of the document so the pages load faster
		==================================================================================== -->
<!-- Jquery and Bootstap core js files -->
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/libs/js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/libs/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/app/js/home/jcb.js"></script>
</body>
</html>